<style>
    .panel{
        margin-bottom: 10px;
    }
    .panel-heading{
        padding: 5px 10px;
    }
    .panel-title{
        font-size: 14px;
    }

    #select-pkp-z li,
    #select-pkp-x li,
    #pkp li{
        float: left;
        margin: 0 2px;
        cursor: pointer;
        position: relative;
        width: 54px;
        height: 92px;
        overflow: hidden;
    }
    #select-pkp-z li img,
    #select-pkp-x li img,
    #pkp li img{
        display: block;
        width: 100%;
        /*border: 1px #333333 solid;*/
    }
    #pkp li.act:before{
        content: "";
        position: absolute;
        width: 100%;
        height: 83%;
        display: block;
        background: rgba(255, 60, 61, 0.73);
    }
    .spkwrap,
    #select-pkp{
        height: 40px;
    }

    .panel-body div {
        margin-top:5px
    }

</style>
<div class="row">
    <div class="col-md-12">
        <div class="panel">
            <div class="panel-body">
                <div id="room-msg">
                    <h3 id="roomname"></h3>
                    <h2 id="djs" style="display: none;color:red">----</h2>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-7">
        <div class="panel">
            <div class="panel-heading"><h4 class="panel-title">上传下一期开奖结果</h4></div>
            <div class="panel-body">
                <!--<div class="form-group">-->
                    <!--<label class="col-sm-2 control-label">赢家<span class="asterisk">*</span></label>-->
                    <!--<div class="col-sm-8" id="paizi">-->
                        <!--<label><input name="paizi" type="radio" value="z" checked/><span style="padding: 0 5px">庄</span></label>-->
                        <!--<label><input name="paizi" type="radio" value="x" /><span style="padding: 0 5px">闲</span></label>-->
                        <!--<label><input name="paizi" type="radio" value="zd" /><span style="padding: 0 5px">庄对</span></label>-->
                        <!--<label><input name="paizi" type="radio" value="xd" /><span style="padding: 0 5px">闲对</span></label>-->
                        <!--<label><input name="paizi" type="radio" value="h" /><span style="padding: 0 5px">和</span></label>-->
                        <!--<div class="error alert alert-danger"><strong></strong></div>-->
                    <!--</div>-->
                <!--</div>-->
                <div class="form-group">
                    <label class="col-sm-2 control-label">结果<span class="asterisk">*</span></label>
                    <div class="col-sm-8">
                        <div class="spkwrap"><div class="col-sm-1">庄</div><ul class="col-sm-11 clearfix" id="select-pkp-z"></ul></div>
                        <div class="spkwrap"><div class="col-sm-1">闲</div><ul class="col-sm-11 clearfix" id="select-pkp-x"></ul></div>

                    </div>

                </div>
                <div class="col-md-12">
                    <div class="col-md-2"></div>
                    <div class="col-md-10">
                        <div id="pkp"></div>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-2 control-label">视频</label>
                    <div class="col-md-10">
                        <div class="col-sm-12">
                            <div id="video-url" class="uploader-list col-sm-3"></div>
                            <!--<div class="btn btn-danger col-sm-3">重置上传</div>-->

                        </div>
                        <div class="video-msg"></div>
                        <div id="uploadvideo">

                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-2 control-label">截图</label>
                    <div class="col-md-10">
                        <div class="col-sm-12">
                            <div id="picture-url" class="uploader-list col-sm-3"></div>
                            <!--<div class="btn btn-danger col-sm-3">重置上传</div>-->

                        </div>
                        <div class="picture-msg"></div>
                        <div id="uploadpicture">

                        </div>
                    </div>
                </div>

                <button  id="btn-result"  class="btn btn-danger btn-block ">提交</button>
            </div>
        </div>


    </div>


    <div class="col-md-5" >
        <div id="page"></div>
        <div id="lotterylsit">
            <!--<div class="panel ">
                <div class="panel-heading">
                    <div class="panel-btns">
                        <a class="minimize maximize">+</a>
                    </div>
                    <h4  class="panel-title">查询</h4>

                </div>
                <div class="panel-body" style="display: none">

                </div>&lt;!&ndash; panel-body &ndash;&gt;
            </div>-->


        </div>

    </div>
</div>
<script src="/res/lib/webuploader/webuploader.js"></script>

<script src="/res/script/room-page.js"></script>
